﻿{% extends "meetup_group_frame.html" %}
{% block title %}
寻找离你最近的聚友组----Find a Meetup Group near you!
{% endblock %}

{% block content %}
<div id="C_page">
    <div id="C_pageBody">
        <div style="min-height: 1096px;" id="C_context">
            <div id="C_document" class="">
                <div class="D_box calltoaction">
                    <div class="D_boxbody">
                        <div class="D_boxhead">
                            <h1>寻找离您最近的Meet Group</h1>
                            <p>在<strong>{{total_group_num}}个Meetup Groups</strong>中寻找离您最近的聚友活动组......</p>
                        </div>
                        <div class="D_boxsection">
                            <form method="post" action="">
                                <div id="locMenu" class="D_form D_form_compact">
                                    <div class="element">
                                        <div class="label">
                                            <label>小组兴趣名称</label>
                                        </div>
                                        <div class="input">
                                            <input id="group_name" name="" size="25" maxlength="100"  type="text">
                                        </div>
                                    </div>
                                    <div class="element">
                                        <div class="label">
                                            <label>&nbsp;</label>
                                        </div>
                                    </div>
                                    <div class="element coPicker"> <span class="label">
                                            <label for="co">城市</label>
                                        </span> <span class="input">
                                        <select name="city" id="city" class="locNameUpdateCountry">
                                                <option value="others">-----选择-----</option>
                                                <option value="北京">北京</option>
                                            </select>
                                        </span> </div>
                                    <div class="sometimesImHere"></div>
                                    <div id="locPicker" class="element">
                                        <div id="locSwitchable"> <span class="label">
                                                <label for="zip" id="zipLabel">市区</label>
                                            </span> <span class="input">
                                                <select name="district" id="district">
                                                    <option value="others">-----选择-----</option>
                                                    <option value="海淀区">海淀区</option>
                                                    <option value="朝阳区">朝阳区</option>
                                                </select>
                                            </span> </div>
                                    </div>
                                    <!-- Search Button -->
                                    <div class="footElement">
                                        <input name="search_group" id="search_group" value="搜索" class="D_submit" type="button" />
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    function GetFieldPair(id) {
                        return id + "=" + $('#'+id).val();
                    }
                    function GetUrlParams() {
                      var url_params = GetFieldPair('group_name') + '&' + GetFieldPair('city') + '&' + GetFieldPair('district');
                      return url_params;
                    }                  
                    var searchresult_url = '/searchresult/search_group';
                    var list_col_name = ["ID", "Name", "Description"];
                    var list_col_size = ["12%", "36%", "50%"];
                </script>
                <link href="/static/css/searchresult.css" rel="stylesheet" type="text/css" />
                <script type="text/javascript" src="/static/searchlistcomponent/searchlist_content.js"></script>
                <script type="text/javascript" src="/static/searchlistcomponent/searchlist_showing.js"></script>
            </div>
            <div id="C_nav">
                <div class="C_navBox">
                    <ul class="C_contextNav">
                        <li class="first"> <a href="">Search</a> </li>
                        <li class="select"> <a href="">Browse Topics</a> </li>
                        <li class="last"> <a href="">Browse Cities</a> </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- C_context -->
    </div>
    <!-- C_pageBody -->
</div>
<!-- C_page -->
{% endblock %}
